<template>
  <!-- 博主信息 -->
  <div class="opacity-80 w-full py-5 px-2 mb-3 max-w-sm hover:shadow-[0_2px_2px_3px_#33333333]  transition duration-300
                    bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700">
    <div class="flex flex-col items-center">
      <!-- 博主头像 -->
      <img class="w-24 h-24 mb-3 rounded-full shadow transition-all duration-300 hover:scale-110" src="https://anime-kitten.oss-cn-beijing.aliyuncs.com/avatarIndex_self.jpg" alt="Bonnie image" />
      <!-- 博主昵称 -->
      <h5 class="mb-1 text-xl font-medium text-gray-900 dark:text-white blog-font-en">TheSummerKitten
      </h5>
      <!-- 介绍语 -->
      <span class="blog-font-cute text-sm text-gray-500 dark:text-gray-400">
        {{ blogSettingsStore.blogSettings.introduction }}
      </span>
    </div>
  </div>

</template>

<script setup>
import { useBlogSettingsStore } from '@/stores/blogsettings';


const blogSettingsStore = useBlogSettingsStore()


</script>

<style scoped>

</style>